<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_EN" lang="en_En">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="<?php echo base_url()?>js/jquery-1.6.4.min.js" type="text/javascript"></script>
		<script src="<?php echo base_url()?>js/highcharts.js" type="text/javascript"></script>
		<script src="<?php echo base_url()?>js/exporting.js" type="text/javascript"></script>
		<script src="<?php echo base_url()?>js/jqueryui/js/jquery.ui.core.min.js"></script>
		<script src="<?php echo base_url()?>js/jqueryui/js/jquery.ui.widget.min.js"></script>
		<script src="<?php echo base_url()?>js/jqueryui/js/jquery.ui.mouse.min.js"></script>
		<script src="<?php echo base_url()?>js/jqueryui/js/jquery.ui.slider.min.js"></script>
		<script src="<?php echo base_url()?>js/equalizer.js" type="text/javascript"></script>
		
		<link rel="stylesheet" href="<?php echo base_url()?>css/style.css" type="text/css"/>
		<link rel="stylesheet" href="<?php echo base_url()?>css/highslide.css" type="text/css"/>
		
		<link rel="stylesheet" href="<?php echo base_url()?>js/jqueryui/css/jquery.ui.slider.css" type="text/css"/>
		<title>TEST THREE: What Do You Think of How Your Partner Would Rate Your Qualities in Your Relationship</title>
		<base href="<?php echo base_url()?>" />
		<?php 
		 if(!isset($userData) || $userData == null){
			$trustValue = 0;
			$respectValue = 0;
			$careValue = 0;
			$commitmentValue = 0;
			$financialValue = 0;
			$domestricValue = 0;
			$intimacyValue = 0;
			$physicalValue = 0;
			$funTimeValue = 0;
			$bestFriendValue = 0;
			$spiritualIntimacyValue = 0;
			$conflictResolutionValue = 0;
		 }else{
			$trustValue = $userData->trust;
			$respectValue = $userData->respect;
			$careValue = $userData->care;
			$commitmentValue = $userData->commitment;
			$financialValue = $userData->financial_support;
			$domestricValue = $userData->domestric_support;
			$intimacyValue = $userData->intimacy;
			$physicalValue = $userData->physical_appearance;
			$funTimeValue = $userData->fun_time_together;
			$bestFriendValue = $userData->best_friend_talk;
			$spiritualIntimacyValue = $userData->spiritual_intimacy;
			$conflictResolutionValue = $userData->conflict_resolution;
		 }
		 ?>
		<script type="text/javascript">			
			var chart;
			$(document).ready(function() {
				chart = new Highcharts.Chart({
					colors: [
						'#ff9900',
						'#89A54E',
						'#52308C',
						'#ff9900', 
						'#AA4643', 
						'#89A54E', 
						'#80699B', 
						'#3D96AE', 
						'#DB843D', 
						'#92A8CD', 
						'#A47D7C', 
						'#B5CA92'
					],
					chart: {
						renderTo: 'container',
						defaultSeriesType: 'line',
						marginRight: 0,
						marginLeft: -10,
						height: 325,
						width: 985,
						plotBackgroundImage: '<?php echo base_url()?>css/imgs/highchart-bg.png',
						plotBorderColor: '#FFFFFF',
						className : "chart-container",
						marginBottom: 0
					},
					title: {
						text: '',
						x: 5 //center
					},
					subtitle: {
						text: '',
						x: -20
					},
					xAxis: {
						lineColor: '#FF0000',
						lineWidth: 0,
						labels: {
							style: {
								color: '#FFFFFF'
							}
						},
						tickLength : 0,
						categories: ['Trust', 'Respect', 'Care', 'Commitment', 'Financial Support', 'Domestic Support', 
							'Intimacy', 'Physical Appearance Attractive', 'Fun Time Together', '"Best Friend" Talk', 'Spiritual Intimacy', 'Conflict Resolution']
					},
					yAxis: {
						title: {
							text: ''
						},
						lineColor: '#FF0000',
						labels: {
				            align: 'right',
				            x: 35,
				            y: 5
				        },
						lineWidth: 0,
						max : 10.1,
						min: -0.1,
						tickLength : 1,
						showLastLabel: false,
						showFirstLabel: false,
						tickInterval: 1,
						gridLineWidth: 0
					},
					tooltip: {
						formatter: function() {
				                return '<b>'+ this.series.name +'</b><br/>'+
								this.x +': '+ this.y;
						}
					},
					legend: {
						layout: 'vertical',
						align: 'right',
						verticalAlign: 'top',
						x: -60,
						y: 0,
						borderWidth: 0
					},
					series: [{
						name: 'Desire',
						data: [<?php echo $trustValue/10 ?>, <?php echo $respectValue/10 ?>, <?php echo $careValue/10 ?>, <?php echo $commitmentValue/10 ?>, <?php echo $financialValue/10 ?>, <?php echo $domestricValue/10 ?>, <?php echo $intimacyValue/10 ?>, <?php echo $physicalValue/10 ?>, <?php echo $funTimeValue/10 ?>, <?php echo $bestFriendValue/10 ?>, <?php echo $spiritualIntimacyValue/10 ?>, <?php echo $conflictResolutionValue/10 ?>]
						/*
						}, {
						name: 'London',
						data: [3.9, 4.2, 5.7, 8.5, 1.9, 5.2, 7.0, 6.6, 4.2, 6.6]
						*/
					}],
					exporting:{
				        buttonOptions: {
			            	enabled: false
			        	}
					},
					navigation: {
				        buttonOptions: {
				            enabled: false
				        }
				    }
				});				
			});
			$(document).ready(function() {
				$(".indicator-label-item > a").each(function(index) {
					$(this).bind({
						click: function() {
							//$(".indicator-label-item > a").removeClass("indicator-marked");
							//$(this).addClass("indicator-marked");
							return false;
						}
					});
				});
			});
		</script>
	</head>
	<body id="step2">
		<div id="wrapper">
			<div id="header-wrapper">
				<?php include_once('include/header.php') ?>
			</div>
			<div id="content">
				<div id="content-step2">
					<h2 class="page-header">TEST THREE: What Do You Think of How Your Partner Would Rate Your Qualities in Your Relationship</h2>
					<div id="chart">
						<div id="container" style=" margin: 0 auto"></div>
						<div class="clear"></div>
						<div id="indicator-label">
							<div class="indicator-label-item indicator-label-item-first"><a id="indicator1" name="trust-slider" href="#"><span>Trust</span></a></div>
							<div class="indicator-label-item"><a id="indicator2" name="respect-slider" href="#"><span>Respect</span></a></div>
							<div class="indicator-label-item"><a id="indicator3" name="care-slider"  href="#"><span>Caring</span></a></div>
							<div class="indicator-label-item"><a id="indicator4" name="commitment-slider"  href="#"><span>Commitment</span></a></div>
							<div class="indicator-label-item"><a id="indicator5" name="financial-slider"  href="#"><span>Financial Support</span></a></div>
							<div class="indicator-label-item"><a id="indicator6" name="domestric-slider"  href="#"><span>Domestic Support</span></a></div>
							<div class="indicator-label-item"><a id="indicator7" name="intimacy-slider"  href="#"><span>Intimacy</span></a></div>
							<div class="indicator-label-item"><a id="indicator8" name="physical-slider"  href="#"><span>Physical Appearance/ Attractiveness</span></a></div>
							<div class="indicator-label-item"><a id="indicator9" name="fun-time-slider"  href="#"><span>Fun/<br/>Quality Time<br/>Together</span></a></div>
							<div class="indicator-label-item"><a id="indicator10" href="#"><span>"Best<br/>Friend<br/>Talk"</span></a></div>
							<div class="indicator-label-item"><a id="indicator11" href="#"><span>Spiritual Intimacy</span></a></div>
							<div class="indicator-label-item indicator-label-item-last"><a id="indicator12" href="#"><span>Conflict Resolution</span></a></div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="clear"></div>					
					<div id="step1-end">
						<p class="bold-text">Thank you for your time and congratulations to you on the completion the e-Lizer tests.</p>
					</div>
					<div class="next-button">
						<?php echo form_open('client'); ?>
							<input type="hidden" id="step" name="step" value="3_2" />
							<input id="next-button" type="submit" name="nextstep" value="Next" />
						</form>
					</div>
				</div>
			</div>
			<div id="footer-wrapper">
				<?php include_once('include/footer.php') ?>
			</div>
		</div>
	</body>
</html>